<?xml version="1.0" encoding="UTF-8"?>
<!--
To change this template, choose Tools | Templates
and open the template in the editor.
-->
<!DOCTYPE html>
<html xmlns="http://www.w3c.org/1999/xhtml"
    xmlns:f="http://java.sun.com/jsf/core"
    xmlns:h="http://java.sun.com/jsf/html"
    xmlns:p="http://primefaces.prime.com.tr/ui">
    <head>
        <title>bibliotheque mp3</title>
        <link type="text/css" rel="stylesheet" href="themes/dot-luv/skin.css" />
    </head>
    <body>
        <div>
            
            <p:panel header="formulaire recherche de mp3" style="width: 700;">
        <h:form>
            <h:panelGrid columns="3" cellpadding="2">
                <h:outputLabel for="#{userManagedBean.searchUser}" value="Search"/>
                <h:inputText value="#{userManagedBean.searchUser}" label="UserName"></h:inputText>
                <h:commandButton type="submit" value="Search" action="#{userManagedBean.searchUser}"></h:commandButton>
            </h:panelGrid>
        </h:form>
        </p:panel>
            
          <p:dataTable var="user" value="#{userManagedBean.searchUsersResults}"
            selection="#{userManagedBean.selectedUser}" selectionMode="single"
            dynamic="true"
            onRowSelectUpdate="userUpdateForm"
            onRowUnselectUpdate="userUpdateForm"
            rowSelectListener="#{userManagedBean.onUserSelect}"
            rowUnselectListener="#{userManagedBean.onUserUnselect}"
            paginator="true" rows="4" style="width: 700">  <!-- row correspond au nb de ligne du tableau pour la pagination -->
            <p:column sortBy="#{user.userId}" filterBy="#{user.userId}">
                <f:facet name="header">
                <h:outputText value="Genre" />
                </f:facet>
                <h:outputText value="#{user.userId}" />
                </p:column>
                <p:column sortBy="#{user.username}" filterBy="#{user.username}">
                <f:facet name="header">
                <h:outputText value="Artiste" />
                </f:facet>
                <h:outputText value="#{user.username}" />
                </p:column>
                <p:column sortBy="#{user.emailId}" filterBy="#{user.emailId}">
                <f:facet name="header">
                <h:outputText value="Album" />
                </f:facet>
                <h:outputText value="#{user.emailId}" />
                </p:column>
				<p:column sortBy="#{user.emailId}" filterBy="#{user.emailId}">
                <f:facet name="header">
                <h:outputText value="Chanson" />
                </f:facet>
                <h:outputText value="#{user.emailId}" />
                </p:column>
              
        </p:dataTable>
            
      
	  </div>
    </body>
</html>
